* {
	margin: 0;
	padding: 0;
}

body {
	background: #333;
}

li {
	list-style: none;
}

h1 {
	text-align: center;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
}
.box{
	width: 645px;
	height: 320px;
	margin: 200px auto;
	border: 5px solid white;
	box-shadow: 0px 0px 10px black;
}
.list1,.list2{
	float: left;
}
.list1{
	width: 480px;
	height: 270px;
	overflow: hidden;
}
.list2{
	width: 165px;
	height: 270px;
  overflow: scroll;
  overflow-x: hidden;
}
.list1 img{
	width: 480px;
	height: 270px;
}
.list2 img{
	width: 160px;
	height: 90px;
}

/*美化滚动条*/
.list2::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.list2::-webkit-scrollbar-track {
  background: rgba(144,147,153,.3);
  border-radius: 5px;
}

.list2::-webkit-scrollbar-thumb {
  background: rgba(144,147,153,.3);
  border-radius: 5px;
}